<template>
  <div class="generated-content">
    <h2>生成的内容</h2>
    <p>{{ content }}</p>
  </div>
</template>

<script setup>
import { defineProps } from 'vue';

const props = defineProps({
  content: {
    type: String,
    required: true
  }
});
</script>

<style scoped>
.generated-content {
  padding: 20px;
  background-color: #f0f0f0;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
</style>